.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

nav {
    height: 64px;
}

.page-background {
    background-color: #f2f2f2;
}

.search-bar {
    margin: auto;
    height: 100%;
}

.search-input {
    background-color: #fff;
    border-radius: 5px;
    height: 36px;
    margin-top: 10px;
    padding-top: 0px;
    border: 1px #afafaf solid;
}

#searchval {
    margin-bottom: 0%;
    line-height: 16px;
}

.search-bar {
    height: max-content;
    margin-bottom: 10px;
}

nav .input-field label {
    top: -20px;
    left: 0;
}

.input-field label:not(.label-icon).active {
    transform: translateY(12px) !important;
    transform-origin: 0 0;
}


#search {
    border-bottom-color: #36A7FF;
    box-shadow: none;
}

.input-field input {
    color: #555555;
    padding-left: 1rem !important;
    width: 95% !important;
}

.input-field input:focus {
    background-color: #f2f2f2 !important;
}

.search-box-alignment {
    width: 80%;
    float: left;
}

.search-button-style {
    width: 20%;
    float: right;
    height: 34px;
}

.search-button-style .search-button-input,
.search-button-style i input {
    height: 100% !important;
    width: 100% !important;

}

.search-button-style input {
    display: block;
    font-family: Material Icons;
    font-size: 26px !important;
}



.search-button-input {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background-color: #c3e7df;
    /* display: block; */
    border-radius: 0 3px 3px 0;
    /* border: 1px solid #36A7FF; */
    font-size: 1.0rem;

}

.nav-link-style {
    color: #36A7FF;
    font-size: 1.0rem;
}


.nav-bar-style {
    box-shadow: none;
    border-bottom: 1px solid #e0e0e0;
}


.grey-text {
    color: #808080;
}

.logo {
    width: 200px;
    vertical-align: middle;
    padding-bottom: 4px;
    margin-left: 16px;

}

.logo-mobile {
    height: 44px;
    vertical-align: middle;
    margin-left: 36px;
    margin-top: 6px;
    width: 66%;
    object-fit: contain;
}

.float-left {
    float: left;
}

.side-nav {
    padding-bottom: 150px;
}

.child-menu-styling li a {
    font-size: 13px;
    color: #36A7FF !important;
    font-weight: normal;
}




.side-nav-header {
    padding: 0 16px !important;
    font-size: 15px;
    color: #aaaaaa !important;
    font-weight: normal !important;
}


.footer-copyright {
    display: grid !important;
}



/* Classes for side nav */

.icon_row {
    padding-right: 14px;
}

.icon_row img {
    position: relative;
    top: 5px;
}

.side-nav li>a {
    color: #243E5A;
    font-size: 15px;
    font-weight: normal;
    height: 56px;
    line-height: 56px;
}

#languageSelected {
    font-weight: bold !important;
    padding-left: 8px;
}


.user-view a {
    color: #243e5a;
}


.side-nav {
    padding-top: 64px;
}




/*   END   */

/* Styles for category page */


.icon-style {
    width: 48px;
    height: 48px;
    background-position: 50% 50%;
    margin: auto;
    background-size: 56px;
    overflow: hidden;
}

.icon-style img {
    width: 48px;
    height: 48px;
}

.icon-container {
    padding: 0 10px 0 10px;
}


/*  Home page css changes  */

.side-padding-15 {
    padding: 10px 15px;
}

.side-padding-8 {
    padding: 5px 5px;
}

.card-pretitle {
    display: block;
    font-size: 11px;
    color: #6C7778;
    text-transform: uppercase;
}


.card-wtitle {
    font-size: 17px;
    font-weight: 700;
}

.faceout-row {
    color: #243e5a;
    padding: 10px;
}

.faceout-row a {
    display: block;
    overflow: hidden;
    padding: 10px;
}


.faceout-row a:hover {
    background-color: #f2f2f2;
}

.af-body {
    color: #8B93A0;

}

.af-image {
    float: left;
    margin-right: 15px;
}

.af-title {
    display: block;
    color: #243e5a;
}


.af-secondary {
    font-size: 12px;
}

.star-small {
    color: #F99900;
    font-size: 12px;
}

.more-link {
    text-align: center;
    font-size: 12px;
}


.more-link a:hover {
    color: #243E5A;
}

.card-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;

}

.no-bottom-margin {
    margin-bottom: 0px !important;
}

.mobile-profile1 {
    height: 26px;
    margin: 14px 15px 0px 0px;
}

.footer-style {
    background: #333;
    padding: 30px 0;
}

.footer-link {
    color: #aaaaaa;
    font-size: 11px;
}

.footer-link:hover {
    color: #36A7FF;
}

@media only screen and (max-width: 700px) {
    .search-input {
        margin-top: -8px;
    }

    .nav-bar-style {
        box-shadow: none;
        border-bottom: none;
    }

    .search-button-style {
        width: 16%;
        float: right;
        height: 28px;
    }

    .search-input {
        background-color: #fff;
        border-radius: 5px;
        height: 30px;
        padding-top: 0px;
        margin-top: 13px;
        border: 1px #afafaf solid;
    }

    header {
        background: #ffffff;
        margin-bottom: 8px;
    }

    .login-modal {
        width: 90%;
        top: 30% !important;
        z-index: 1005;
    }

    .login-modalinner {
        padding: 16px !important;
    }

    .login-modalheading {
        margin-top: 0%;
        margin-bottom: 14px;
        font-size: 20px;
    }

    .login-ext {
        padding: 20px 16px;
    }

    .login-ext img {
        width: 30px;
        height: 30px;
    }

    .login-exttxt {
        margin: auto 26px;
        font-size: 18px;
    }

    .login-infotxt {
        font-size: 15px;
        padding: 10px 10px 0px;
    }

    .detail-actions {
        margin-top: 10px;
        border-top: 2px solid #f2f2f2;
        padding-top: 16px;
    }

    .detail-img {
        height: auto;
        width: 100%;
    }

    .detail-title1 {
        font-size: 1.4em !important;
        margin: 0.4rem 0 1.08rem 0;
        line-height: 28px;
    }

    .detail-header1 {
        padding-top: 20px;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }

    .detail-title2 {
        margin-top: 0px;
        font-size: 1.1em !important;
    }

    .detail-link1img {
        width: 20px !important;
        height: 20px !important;
        margin: 0px 10px 0px 0px;
    }

    .detail-link1txt {
        margin: auto 0px;
        font-size: 13px;
    }

    .detail-downloadbtn {
        background: #009FFF;
        border: 1px solid #36414D;
        box-sizing: border-box;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        margin: auto !important;
        order: 1;
    }

    .detail-downloadbtn:hover {
        background: #009FFF;
    }

    .icon-DownloadSafe {
        height: 26px;
        width: 26px;
        margin-right: 6px;
    }

    .detail-downloadtxt1 {
        margin: auto 0px;
        font-style: normal;
        line-height: normal;
        font-size: 18px;
        letter-spacing: 0.01em;
        color: #008C1F;
    }

    .detail-box {
        margin: 5px 0px;
    }

    .detail-link2 {
        margin-top: 12px;
    }

    .icon-ratingStar {
        height: 15px;
        width: 15px;
    }

    .detail-ratingblock {
        font-size: 18px;
    }

    .detail-rating1 {
        margin: auto 4px;
    }

    .detail-ratingblock2 {
        margin: 0px 8px 0px 10px;
        font-size: 20px;
    }

    .detail-ratingblock3 {
        margin: auto 0px;
        font-size: 18px;
    }

    .detail-headerright {
        min-height: 100%;
        margin-left: 0%;
        flex-direction: column;
        flex-grow: 1;
        padding-left: 0% !important;
    }

    .detail-titlelinks {
        margin-top: auto;
    }

    .detail-review1 {
        width: max-content;
        padding-top: 12px;
    }

    .detail-review11 {
        width: 18px;
        height: 18px;
        margin-right: 5px;
    }

    .detail-reviewinput {
        border: none;
        background: #f2f2f2d1;
        margin: 12px 0px;
        height: 88px;
        resize: none;
    }

    .detail-reviewbtn {
        float: right;
        padding: 0px 20px;
        color: #fff;
        background: #009FFF;
        border: 1px solid #36414D;
        box-sizing: border-box;
        height: 43px;
        line-height: 43px;
        font-size: 16px;
        margin: 0px 0px 0px auto !important;
    }

    .detail-downloadtxt1 {
        font-size: 17px;
    }

    .detail-downloadbar {
        flex-direction: column;
    }

    .detail-downloadtxt {
        order: 2;
        margin: auto;
        padding-top: 19px;
    }
}

@media only screen and (min-width: 701px) {
    .login-modal {
        width: 33%;
        top: 30% !important;
        z-index: 1005;
    }

    .login-modalinner {
        padding: 18px !important;
    }

    .login-modalheading {
        margin-top: 0%;
        margin-bottom: 14px;
        font-size: 20px;
    }

    .login-ext {
        padding: 20px 16px;
        cursor: pointer;
    }

    .login-ext img {
        width: 34px;
        height: 34px;
    }

    .login-ext:hover {
        background: #0e6cb5;
        color: #ffffff;
    }

    .login-exttxt {
        margin: auto 26px;
        font-size: 18px;
    }

    .login-infotxt {
        font-size: 16px;
        padding: 16px 10px 0px;
    }

    .detail-actions {
        margin-top: 10px;
        border-top: 2px solid #f2f2f2;
        padding-top: 16px;
    }

    .detail-img {
        height: auto;
        width: 100%;
    }

    .detail-title1 {
        font-size: 1.6em;
        margin: 0.4rem 0 1.08rem 0;
    }

    .detail-header1 {
        padding-top: 20px;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }

    .detail-title2 {
        margin-top: 0px;
        font-size: 1.1em !important;
    }

    .detail-link1img {
        width: 22px !important;
        height: 22px !important;
        margin: 0px 10px 0px 0px;
    }

    .detail-link1txt {
        margin: auto 0px;
        font-size: 16px;
    }

    .detail-downloadbtn {
        background: #009FFF;
        border: 1px solid #36414D;
        box-sizing: border-box;
        height: 46px;
        line-height: 46px;
        font-size: 16px;
        margin: 0px 0px 0px auto !important;
    }

    .detail-downloadbtn:hover {
        background: #009FFF;
    }

    .icon-DownloadSafe {
        height: 36px;
    }

    .detail-downloadtxt1 {
        margin: auto 0px;
        font-style: normal;
        line-height: normal;
        font-size: 18px;
        letter-spacing: 0.01em;
        color: #008C1F;
    }

    .detail-box {
        margin: 5px 0px;
    }

    .detail-link2 {
        margin-top: 12px;
    }

    .icon-ratingStar {
        height: 15px;
        width: 15px;
    }

    .detail-ratingblock {
        font-size: 18px;
    }

    .detail-rating1 {
        margin-right: 4px;
    }

    .detail-ratingblock2 {
        margin: 0px 8px 0px 10px;
        font-size: 20px;
    }

    .detail-ratingblock3 {
        margin: auto 0px;
        font-size: 18px;
    }

    .detail-headerright {
        min-height: 100%;
        margin-left: 0%;
        flex-direction: column;
        flex-grow: 1;
    }

    .detail-titlelinks {
        margin-top: auto;
    }

    .detail-review1 {
        width: max-content;
        padding-top: 12px;
    }

    .detail-review11 {
        width: 18px;
        height: 18px;
        margin-right: 5px;
    }

    .detail-reviewinput {
        border: none;
        background: #f2f2f2d1;
        margin: 12px 0px;
        height: 88px;
        resize: none;
    }

    .detail-reviewbtn {
        float: right;
        padding: 0px 20px;
        color: #fff;
        background: #009FFF;
        border: 1px solid #36414D;
        box-sizing: border-box;
        height: 43px;
        line-height: 43px;
        font-size: 16px;
        margin: 0px 0px 0px auto !important;
    }
}

.language-row {
    margin: 20px 0;
}

/* .language-row a {
    8b7t6bbbbbbbbbbbbbbbbbbg cc
} */

.language-row a:hover {
    color: #243E5A;
}

.icon-burger {
    background-image: url();
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

.icon-search {
    background-image: url(data:image/svg+xml;base64;PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNDQ4LjMsNDI0LjdMMzM1LDMxMS4zYzIwLjgtMjYsMzMuMy01OS4xLDMzLjMtOTUuMWMwLTg0LjEtNjguMS0xNTIuMi0xNTItMTUyLjJjLTg0LDAtMTUyLDY4LjItMTUyLDE1Mi4yICBzNjguMSwxNTIuMiwxNTIsMTUyLjJjMzYuMiwwLDY5LjQtMTIuNyw5NS41LTMzLjhMNDI1LDQ0OEw0NDguMyw0MjQuN3ogTTEyMC4xLDMxMi42Yy0yNS43LTI1LjctMzkuOC01OS45LTM5LjgtOTYuMyAgczE0LjItNzAuNiwzOS44LTk2LjNTMTgwLDgwLDIxNi4zLDgwYzM2LjMsMCw3MC41LDE0LjIsOTYuMiwzOS45czM5LjgsNTkuOSwzOS44LDk2LjNzLTE0LjIsNzAuNi0zOS44LDk2LjMgIGMtMjUuNywyNS43LTU5LjksMzkuOS05Ni4yLDM5LjlDMTgwLDM1Mi41LDE0NS44LDMzOC4zLDEyMC4xLDMxMi42eiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
}